<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>免费注册</title>
    <link rel="shortcut icon" type="image/x-icon" th:href= "@{/static/img/timg.jpg}">
    <link rel="stylesheet" href="../../static/css/register.css">
</head>
<body>
    <div class="r-body">
        <div class="r-body-big">
            <div class="r-body-inner">
                <div class="r-body-head">
                    <div class="r-body-head-right">已注册可
                        <a class="r-body-thead-a" th:href="@{/jumpLoginUserPage}">直接登录</a>
                    </div>
                    <h3 class="r-body-head-h3">会员注册</h3>
                </div>
                <div class="r-body-body">
                    <form name="myregister"  onsubmit="return registerForm()">
                        <!--用户名-->
                        <div class="r-body-body-form-div">
                            <div class="r-body-body-form-div01">
                                <input class="r-form-input" id="username" type="text" name="" onblur="r_username()" placeholder="请输入用户名" autocomplete="off">
                                <span><img class="r-form-img01" id="right01" src="../../static/img/dui.png"></span>
                                <span><img class="r-form-img01" id="wrong01" src="../../static/img/cuo.png"></span>
                                <span><img class="r-form-img02" src="../../static/img/用户名.png"></span>
                            </div>
                            <div><span class="r-form-text" id="r_username"></span></div>
                        </div>

                        <!--输入手机号-->
                        <div class="r-body-body-form-div">
                            <div class="r-body-body-form-div01">
                                <input class="r-form-input" id="phonenamber" type="text" name="" autocomplete="off" onblur="r_phonenamber()" placeholder="请输入手机号">
                                <span><img class="r-form-img01" id="right02" src="../../static/img/dui.png"></span>
                                <span><img class="r-form-img01" id="wrong02" src="../../static/img/cuo.png"></span>
                                <span><img class="r-form-img02" src="../../static/img/shouji.png"></span>

                            </div>
                            <div><span class="r-form-text" id="r_phonenamber"></span></div>

                        </div>

                        <!--邮箱-->
                        <div class="r-body-body-form-div">
                            <div class="r-body-body-form-div01">
                                <input class="r-form-input" id="email" type="text"  autocomplete="off" onblur="r_email()" placeholder="请输入邮箱号" />
                                <span><img class="r-form-img01" id="right03" src="../../static/img/dui.png"></span>
                                <span><img class="r-form-img01"  id="wrong03" src="../../static/img/cuo.png"></span>
                                <span><img class="r-form-img02" src="../../static/img/邮箱%20.png"></span>
                            </div>
                            <div><span class="r-form-text" id="r_email"></span></div>
                        </div>

                        <!--输入验证码-->
                        <div class="r-body-body-form-div">
                            <div class="r-body-body-form-div01">
                                <input class="r-form-input-2" id="key" type="text" name="" autocomplete="off" onblur="r_key()" placeholder="请输入验证码">
                                <a class="r-form-a">获取验证码</a>
                                <span><img class="r-form-img01-2" id="right04" src="../../static/img/dui.png"></span>
                                <span><img class="r-form-img01-2"  id="wrong04" src="../../static/img/cuo.png"></span>
                                <span><img class="r-form-img02" src="../../static/img/信息.png"></span>

                            </div>
                            <div><span class="r-form-text" id="r_key"></span></div>
                        </div>
                        <!--输入密码-->
                        <div class="r-body-body-form-div">
                            <div class="r-body-body-form-div01">
                                <input class="r-form-input" id="password" type="password" name="" autocomplete="off" onblur="r_password()" placeholder="密码由6-20位字母，数字和符号组合">
                                <span><img class="r-form-img01"  id="right05" src="../../static/img/dui.png"></span>
                                <span><img class="r-form-img01" id="wrong05" src="../../static/img/cuo.png"></span>
                                <span><img class="r-form-img02" src="../../static/img/suoping.png"></span>

                            </div>
                            <div><span class="r-form-text" id="r_password"></span></div>
                        </div>
                        <!--确认密码-->
                        <div class="r-body-body-form-div r-last-form-div">
                            <div class="r-body-body-form-div01">
                                <input class="r-form-input" id="confirm" type="password" name="" autocomplete="off" onblur="r_confirm()" placeholder="请再次输入上面的密码">
                                <span><img class="r-form-img01" id="right06" src="../../static/img/dui.png"></span>
                                <span><img class="r-form-img01" id="wrong06"  src="../../static/img/cuo.png"></span>
                                <span><img class="r-form-img02" src="../../static/img/suoping.png"></span>

                            </div>
                            <div><span class="r-form-text" id="r_confirm"></span></div>
                        </div>
                        <div class="r-body-body-form-div" style="height: 90px;">
                            <div>
                                <span>
                                    <input type="checkbox" class="r-form-checkbox">
                                </span>
                                <label>我已阅读并接受以下条款：
                                    <a href="###" class="r-form-la">《小金库服务条款》</a>
                                    <a href="###" class="r-form-la">《小金库隐私条款》</a>
                                    <a href="###" class="r-form-la">《小金库支付用户服务协议》</a>
                                    <a href="###" class="r-form-la">《小金库信用服务协议》</a>
                                </label>
                            </div>
                            <div>
                                <span class="r-form-cspan" id="r-abc"></span>
                            </div>
                        </div>
                        <div class="r-body-body-form-div">
                            <div class="r-form-zhuce">
                                <input  class="r-form-ba" value="立即注册" id="regist">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../../static/jQuery/jquery.js"></script>
<script src="../../static/js/register.js"></script>
</html>